﻿html {
	background-color: #f8f8f8;
}

header {
	background-color: #f4f4f4;
	padding: 25px 0;
}

	header img {
		display: inherit;
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
	}

article {
	background-color: #fff;
}

table {
	text-align: center;
	width: 100%;
}

	table tr {
		border-bottom: 1px solid #d2d2d2;
		color: #666;
		height: 37px;
		line-height: 37px;
	}

	table td:first-child {
		width: 28%;
	}

	table td:last-child {
		width: 36%;
	}

	table thead tr {
		color: #232323;
		font-size: 1.7rem;
		height: 50px;
		line-height: 50px;
	}

	table tbody {
		font-size: 1.5rem;
	}

		table tbody td:first-child {
			background: url('../img/i_crown.png') no-repeat center 105%;
			background-size: auto 500%;
			color: #fff;
			font-size: 1.2rem;
			padding-top: 7px;
		}

		table tbody tr:nth-child(1) td:first-child {
			background-position: center -3.5%;
		}

		table tbody tr:nth-child(2) td:first-child {
			background-position: center 23.5%;
		}

		table tbody tr:nth-child(3) td:first-child {
			background-position: center 51%;
		}

		table tbody tr.mine {
			/*background: transparent url('../img/i_rank_bg.png') no-repeat center center;
			background-size: auto 100%;*/
			background-color: #fff9c4;
			color: #ff8961;
		}

			table tbody tr.mine td:first-child {
				background-position: center 78%;
			}

	table tr.omit td {
		background: url('../img/i_omit.png') no-repeat center center;
		background-size: auto 50%;
		height: 45px;
		line-height: 45px;
	}

.result {
	border-bottom: 1px solid #d2d2d2;
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 20px 1%;
	text-align: center;
}

	.result .special {
		font-size: 1.7rem;
		margin-left: 3px;
		margin-right: 3px;
	}

.prize {
	background-color: #fff;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0 4%;
}


	.prize h2 {
		border-bottom: 1px solid #d2d2d2;
		padding: 10px 0;
	}

		.prize h2 img {
			display: inherit;
			width: 25%;
			max-width: 157px;
		}

	.prize .list {
		border-top: 1px solid #d2d2d2;
		padding: 12px 0;
	}

		.prize .list:nth-of-type(1) {
			border-top: none;
		}
.prize .list p{			
			width:50%;
		}
		.prize .list p:first-child {
			text-align: center;
		}

		.prize .list span {
			display: inline-block;
			font-size: 1.7rem;
			line-height: 1.5;
			text-align: left;
			width: 70%;
		}

		.prize .list img {
			border: 4px solid #e0e0e0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			width: 80%;
		}

		.prize .list:last-child img {
			border-color: #ffc0ad;
			-moz-box-shadow: 0 0 10px #ffc0ad;
			-webkit-box-shadow: 0 0 10px #ffc0ad;
			box-shadow: 0 0 10px #ffc0ad;
		}

.action-list {
	font-size: 1.5rem;
	padding: 0 0 30px 0;
	text-align: center;
}

	.action-list .actions {
		margin-top: 30px;
	}

		.action-list .actions p {
			float: left;
			width: 50%;
			text-align: center;
		}

			.action-list .actions p a {
				display: inline-block;
				max-width: 80%;
			}
